// text-colored

.colored{
  color: $linkColor;
}

.white{
  color: $white;
}

.red{
  color: $btnDangerBackground;
}


// background-colored

.bg-default{
  background-color: $btnPrimaryBackground;
}
.bg-pink{
  background-color: $btn3rdBackground;
}

.bg-light-blue{
  background-color: $btnInfoBackground;
}

.bg-green{
  background-color: $btnSuccessBackground;
}

.bg-orange{
  background-color: $btnWarningBackground;
}

.bg-red{
  background-color: $btnDangerBackground;
}

.bg-colored{
  background-color: $linkColor;
}

.bg-gray-light{
  background-color: $grayLight;
}

.bg-gray-lighter{
  background-color: $grayLighter;
}

.bg-white{
  background-color: $white;
}

.bg-white-transparent{
  background-color: rgba(255, 255, 255, .7);
}